<!DOCTYPE html>
<html lang="en">
<head>
    <title>响应式绿色环保</title>
    <!-- 自定义主题文件 -->    
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="css/response.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<!-- header -->
<div class="header">
    <div class="container">
        <nav>
            <input type="checkbox" id="togglebox" />
            <ul>
                <li><a class="active" href="index.html">首页</a></li>
                <li><a href="#">全球问题</a></li>
                <li><a href="#">解决方案</a></li>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">联系我们</a></li>
            </ul>
            <!--汉堡菜单按钮-->
            <label class="menu" for="togglebox"><img src="images/menu.png"/></label>
        </nav>
        <div class="logo">
            <a href="index.html"><img src="images/logo.png"/></a>
        </div>
        <div class="clearfix"></div>
    </div>
</div>
<!-- //header -->
<!-- banner -->
<div class="banner">
    <div class="container">
        <div class="banner-info">
            <h3>爱护需要行动</h3>
            <p>爱护森林吧！行动起来吧！蛮砍乱伐森林是人类的愚蠢行为，再不要做这种危害子孙后代的事了。我们一定要保护好现有的森林资源！谨防森林火灾再次发生！</p>
            <a href="#" class="button">了解更多</a>
        </div>
    </div>
</div>
<!-- //banner -->
<!-- mission -->
<div class="mission">
    <div class="container">
        <div class="mission-header">
            <h3>我们的使命</h3>
        </div>
        <div class="mission-container">
            <div class="mission_div mission-left">
                <img src="images/mission_img.jpg" alt=""/>
            </div>
            <div class="mission_div mission-right">
                <div class="mis-one">
                    <div class="mis-left">
                        <img src="images/i1.gif" alt=""/>
                    </div>
                    <div class="mis-right">
                        <h3>治理污染</h3>
                        <p>1.将环境保护纳入国民经济与社会发展计划和年度计划，在经济发展
                            中防治环境污染和生态破坏。 </p>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="mis-one">
                    <div class="mis-left">
                        <img src="images/i2.gif" alt=""/>
                    </div>
                    <div class="mis-right">
                        <h3>垃圾分类</h3>
                        <p>关心垃圾分类，特别是可回收垃圾，进行回收再生，减少对森林树木
                            的采集砍伐</p>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="mis-one">
                    <div class="mis-left">
                        <img src="images/i3.gif" alt=""/>
                    </div>
                    <div class="mis-right">
                        <h3>节能低碳</h3>
                        <p>开始低碳生活吧，节能减排，减少对资源的浪费，并还自己一片蓝天！</p>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!-- //mission -->
<!-- footer -->
<div class="footer">
    <div class="container">
        <p> &copy; 2016 itcast. All Rights Reserved | Design by<a href="#"> 传智播客</a></p>
        <div class="clearfix"></div>
    </div>
</div>
</body>
</html>